@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}

/*清除浮动*/
.clear{ clear:both;}
.pull-right {
    float: right !important;
}
.pull-right a{margin: 0 10px;color: #999;font-size: 14px;}
.pull-right a:hover{ color:#D2102A; text-decoration:underline;}
.pull-left {
    float: left !important;
}


#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

.bjload{ background:url(../images/load.gif) center center no-repeat;}


#top{ background:#E7E7E7; height:32px; border-bottom:solid 1px #E0E0E0;}
.top{ width:1200px; margin:0 auto;}

.wel{ line-height:32px;}
.wel .wr{ width:180px; float:right;}
.wel .wr .wx{  line-height:30px; float:left;}
.wel .wr .wx a{background:url(../images/wx.png) left center no-repeat; padding:0 10px 0 30px; display:block;}
.wel .wr .wx a:hover{background:url(../images/wx.png) left center no-repeat #FFFFFF;padding:0 10px 0 30px; }
.wel .wr .line{ padding:0 10px; float:left; line-height:30px;}
.container{ width:1200px; margin:0 auto;}

#logo{}
.logo{ width:1200px; margin:0 auto; padding:12px 0 15px;}
.logo_img{ float:left;}

.logo .HotLine {
    width: 250px;
    padding-top: 6px;
    position: absolute;
    background: #fff;
    z-index: 100;
    border: solid 1px #fff;
    font-size: 14px;
    margin-left: 940px;
    cursor: default;
	float:right;
}

.logo .HotLine .ico-phone {
    width: 31px;
    height: 31px;
    background: url(../images/ico.png) no-repeat 0 -20px;
    position: absolute;
    left: 30px;
    top: 13px
}

.logo .HotLine .p1 {
    color: #666;
    padding-left: 70px
}

.logo .HotLine .p2 {
    font-size: 18px;
    font-weight: 700;
    padding-left: 70px
}

.logo .HotLine ul {
    color: #666;
    line-height: 24px;
    width: 200px;
    margin: 10px auto;
    border-top: dotted 1px #ddd;
    padding: 10px 0;
    display: none;
    text-align: left
}

.logo .HotLine:hover {
    border-color: #ddd
}

.logo .HotLine:hover ul {
    display: block
}

.logo .HotLine:hover i {
    animation: phone ease .5s;
    -webkit-animation: phone ease .5s
}


.navBar {
    height: 50px;;
    background:#00AFC4;
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 20
}

.navBar li {
    line-height: 50px;
    float: left;
    position: relative;
	font-size:15px;
}

.navBar .pull-left li {
    border-right: solid 1px #00cbe3;
}

.navBar .pull-left li:last-child {
    border: 0
}

.navBar li .nav-menu {
    width: 149px;
    display: block;
    color: #F2F2F2;
}

.navBar li.active a.nav-menu, .navBar li.active a.nav-menu:hover {
    background: #0095a7;
    color: #fff
}

.navBar .pull-right li a, .navBar li:hover .nav-menu {
    background: #0095a7;
    color:#FFFFFF;
	
}

.navBar .sub-menu {
    position: absolute;
    left: 0;
    top: 50px;
    width:180px;
    line-height: 38px;
    background:#fff;
	opacity: .95;
    font-size: 12px;
    text-align: left;
    visibility: hidden;
	padding-bottom:10px;
	border-radius:0 0 10px 10px;
	border:1px solid #F0F0F0;
	border-top:none;
}

.navBar li:hover .sub-menu {
    visibility: visible
}

.navBar .sub-menu a {
    display: block;
    color:#333333;
    padding-left: 25px;
    height: 38px;
    transition: padding-left ease .3s;
    -webkit-transition: padding-left ease .3s
}

.navBar .sub-menu a:hover {
    background: #00AFC4;
    color: #fff;
    padding-left: 35px;
    border-left: solid 2px #e82929;
    font-size: 14px
}

/*add*/
.navBar .sub-menua {
    position: absolute;
    left: 0;
    top: 50px;
    width:540px;
    line-height: 38px;
    background:#fff;
	opacity: .95;
    font-size: 12px;
    text-align: left;
    visibility: hidden;
	padding-bottom:10px;
	border-radius:0 0 10px 10px;
	border:1px solid #F0F0F0;
	border-top:none;
}

.navBar li:hover .sub-menua {
    visibility: visible
}

.navBar .sub-menua a {
    display: block;
    color:#333333;
    padding-left:17px;
	width:30%; float:left;
    height: 38px;
    transition: padding-left ease .3s;
    -webkit-transition: padding-left ease .3s
}

.navBar .sub-menua a:hover {
    background: #00AFC4;
    color: #fff;
    padding-left:15px;
    border-left: solid 2px #e82929;

}


.navBar .pull-right {
    width: 140px
}


/*------------------banner-----------------------*/
#banner{ width:100%;height:500px;}
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


//
#wrap{ margin-top:550px;}
.ability-big {
    height: 40px;
    margin: 10px 0 20px;
    border-bottom: solid 1px #ddd
}

.ability div a {
    float: left;
    margin: 0 1px 0 0;
    width: 239px;
    height: 224px;
    background: #ededed;
    text-align: center
}

.ability div .ico {
    display: block;
    width: 70px;
    height: 60px;
    background: #ccc;
    margin: 45px auto 0;
    background: url(../images/ico3.png) no-repeat
}

.ability div .ico-1 {
    background-position: 7px 0
}

.ability div a:hover .ico-1 {
    background-position: 7px -62px
}

.ability div .ico-2 {
    background-position: -65px 0
}

.ability div a:hover .ico-2 {
    background-position: -65px -62px
}

.ability div .ico-3 {
    background-position: -132px 0
}

.ability div a:hover .ico-3 {
    background-position: -132px -62px
}

.ability div .ico-4 {
    background-position: -208px 0
}

.ability div a:hover .ico-4 {
    background-position: -208px -62px
}

.ability div .ico-5 {
    background-position: -280px 0
}

.ability div a:hover .ico-5 {
    background-position: -280px -62px
}

.ability div .tit {
    margin: 0 auto;
    line-height: 50px;
    font-size: 14px
}

.ability div .line {
    width: 65px;
    height: 1px;
    overflow: hidden;
    background: #d4d4d4;
    margin: 0 auto
}

.ability div .con {
    line-height: 24px;
    margin-top: 15px;
	font-size:12px;
}

.ability div a:hover {
    color: #fff;
    background: #00AFC4;
    transition: transform ease .2s;
    -webkit-transition: transform ease .2s;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform-origin: center top;
    -webkit-transform-origin: center top
}

.ability div a:hover .tit {
    border-color: #fff
}

.ability div a:hover .ico {
    transform: scale(.95);
    -webkit-transform: scale(.95)
}
.win-text {
    font-weight: 400;
    color: #333;
    float: left;
    border-bottom: solid 1px #000;
    line-height: 40px;
	font-size:20px; padding:0 10px;
}
.fz-serve {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding: 15px 0 0 15px
}


/*case*/
.adorn-case {
    margin-top: 55px
}
.win-title {
    margin-top: 0;
}
.win-title {
    height: 40px;
    margin: 20px 0 20px;
    border-bottom: solid 1px #ddd;
    position: relative;
}
.win-title .tit {
    font-size: 21px;
}
.win-title .tit {
    font-weight: normal;
    color: #333;
    float: left;
    border-bottom: solid 1px #000;
    font-size: 20px;
    padding: 0 10px;
    line-height: 40px;
}

.win-title a {
    position: static;
    margin: 0 10px;
    font-size: 14px;
}

.win-title .more {
    background: #525252;
    font-size: 12px;
    color: #c6c5c5;
}

.win-title .pull-right {
    padding-top: 8px;
}

.ops_sever {
    margin-top: -48px;
    margin-bottom: 50px;
    margin-left: 100px;
    color: #666;
    font-weight: 100;
    font-size: 12px;
}


/*家装案例*/
.adorn-case .box1 {
    padding-left: 468px;
    overflow: hidden;
}

.adorn-case .bigPic {
    float: left;
    margin-left: -468px;
    position: relative;
    overflow: hidden;
    width: 468px;
    height: 468px;
}

.adorn-case .bigPic img {
    width: 468px;
    height: 468px;
}

.adorn-case .bigPic .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.adorn-case .bigPic .bar .shadow {
    width: 100%;
    height: 80px;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

.adorn-case .bigPic .bar .txt {
    width: 90%;
    height: 80px;
    position: absolute;
    left: 5%;
    z-index: 10;
}

.adorn-case .box1 a {
    color: #fff;
}

.adorn-case .bigPic .tit {
    font-size: 16px;
    margin: 13px 0 5px;
}

.adorn-case .bigPic .ico-new {
    position: absolute;
    left: 0;
    top: 0;
    width: 51px;
    height: 51px;
    background: url(../images/icos.png) no-repeat 0 -234px;
    z-index: 1;
}

.adorn-case .bigPic .pic span {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 38px;
    width: 114px;
    background: #ff3434;
    opacity: .8;
    color: #fff;
    text-align: center;
    line-height: 38px;
    margin: -19px 0 0 -57px;
    visibility: hidden;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.adorn-case .bigPic .pic:hover span {
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.adorn-case .pic1 {
    width: 226px;
    height: 226px;
    overflow: hidden;
    position: relative;
}

.adorn-case .pic1 img {
    width: 226px;
    height: 226px;
}

.adorn-case .pic2 {
    width: 226px;
    height: 226px;
    overflow: hidden;
    position: relative;
}

.adorn-case .pic2 img {
    width: 404px;
    height: 226px;
    max-width: none;
}

.adorn-case .pic2 .shadow {
    background: #000;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.adorn-case .pic2 .ico-360 {
    width: 71px;
    height: 104px;
    background: url(../images/icos.png) no-repeat -105px -182px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -52px 0 0 -35px;
    z-index: 1;
}

.adorn-case .pic1 .bar .txt {
    width: 90%;
    height: 40px;
    position: absolute;
    left: 5%;
    z-index: 10;
}

.adorn-case .pic1 .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:30px;
    line-height:30px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.adorn-case .pic1 .bar .shadow {
    width: 100%;
    height:60px;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

.adorn-case .pic1:hover .shadow, .adorn-case .pic3:hover .shadow, .adorn-case .pic4:hover .shadow {
    background: #ff3030;
}

.adorn-case .box1 img {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.adorn-case .box1 a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.adorn-case .box2 {
    background: #f6f6f6;
    margin-top: 20px;
    padding: 10px 0;
}

.adorn-case .box2 a {
    color: #333;
}

.adorn-case .case-list {
    margin-top: 0;
}

.adorn-case .box1 .pic2 img {
    transition: all linear 3s;
    -webkit-transition: all linear 3s;
}

.adorn-case .box1 .pic2:hover img {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}

.adorn-case .box1 .pic2 .shadow {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.adorn-case .box1 .pic2:hover .shadow {
    opacity: 0;
}

.adorn-case .pic1, .adorn-case .pic2 {
    margin: 0 0 15px 18px;
}
.adorn-case .box2 {
    background: #f6f6f6;
    margin-top: 20px;
    padding: 10px 0;
}


/*案例展示*/

.case_title{ line-height:50px; font-size:28px; color:#000000; text-align:center; margin-bottom:20px; background:url(../images/casetitlebj.png) center center no-repeat;}
.casesnav{ line-height:40px; font-size:15px; color:#CCCCCC; text-align:center; margin-bottom:20px;}
.casesnav a{ padding:0 15px; color:#333}
.casesnav a:hover{ color:#00AFC4;}
.case-show {
    width: 1216px;
}

.case-show img {
    display: block;
    margin: 0 auto;
}

.case-show .item {
    margin: 0 16px 16px 0;
    position: relative;
    float: left;
    width: 288px;
    height: 251px;
}

.case-show a {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    font-size: 16px;
    background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
}

.case-show a:hover {
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
}

.case-show a span {
    font-weight: bold;
    font-size: 22px;
    margin-top: 100px;
    display: block;
}

.case-show .svg {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    overflow: hidden;
}

.case-show .svg span {
    position: absolute;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.case-show .svg .left {
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
}

.case-show .svg .right {
    width: 1px;
    height: 100%;
    right: 0;
    bottom: 0;
}

.case-show .svg .top {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
}

.case-show .svg .bottom {
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 0;
}

.case-show .item:hover .left, .case-show .item:hover .right {
    height: 15px;
}

.case-show .item:hover .bottom, .case-show .item:hover .top {
    width: 15px;
}

.case-list {
    background: #f8f8f8;
    height: 120px;
    padding: 15px 0;
}

.case-list a {
    display: block;
    text-align: center
}

.case-list img {
    display: block;
    width: 89px;
    height: 89px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all ease .3s;
    -webkit-transition: all ease .2s;
}

.case-list .col {
    float: left;
    width: 150px;
}

.case-list a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.case-more {
    display: block;
    width: 225px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    border: solid 1px #ddd;
    margin: 50px auto 0;
}

.case-more:hover {
    color: #ff343e;
    border-color: #ff343e;
}



.team2 {
    margin-top:15px;
    overflow: hidden;}


/*设计团队*/

.design-Team .slides {
    border: solid 1px #656565;
    width: 468px;
    height: 482px;
    overflow: hidden;
    position: relative;
}

.design-Team .slides .slidesjs-navigation {
    position: absolute;
    top: 50%;
    display: block;
    height: 30px;
    width: 16px;
    margin-top: -15px;
    overflow: hidden;
    text-indent: -20000px;
    background: url(../images/ico.png) -78px -34px no-repeat;
    z-index: 99;
    opacity: .5;
}

.design-Team .slides:hover .slidesjs-navigation {
    opacity: 1;
}

.design-Team .slides .slidesjs-previous {
    left: 20px;
}

.design-Team .slides .slidesjs-next {
    right: 20px;
    background-position: -94px -34px;
}

.design-Team .slidesjs-pagination {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.design-Team .slidesjs-pagination li {
    display: inline;
}

.design-Team .slidesjs-pagination li a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 15px;
    height: 17px;
    line-height: 99px;
    overflow: hidden;
    background: url(../images/ico.png) -87px -84px no-repeat;
    margin: 0 5px;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.design-Team .slidesjs-pagination li a.active {
    background-position: -87px -66px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.design-Team {
    background: #464646;
    overflow: hidden;
    margin-top: 50px;
}

.design-Team .win-title {
    border-color: #5d5d5d;
}

.design-Team .win-title .tit {
    color: #fff;
    border-color: #fff;
}

.design-Team .win-title small {
    color: #fff;
}

.design-Team .win-title a:hover {
    color: #fff;
}

.design-Team .col-xs-5 {
    width: 470px;
}

.design-Team .col-xs-7 {
    width: 59%;
}

.design-Team .col-xs-7 .row {
    width: 120%;
}

.design-Team .item {
    float: left;
    text-align: center;
    width: 225px;
    height: 225px;
    overflow: hidden;
    position: relative;
    color: #989898;
    margin: 0 0 17px 17px;
    border: solid 1px #656565
}

.design-Team .item img {
    display: block;
    width: 225px;
    height: 225px;
}

.design-Team .design-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    bottom: -80px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}

.design-Team .item:hover .design-info {
    bottom: 0;
}

.design-Team .design-info .p1 {
    margin-top: 10px;
}

.design-Team .design-info .name {
    font-size: 14px;
    color: #fff;
}

.design-Team .design-info .city {
    color: #fff;
}

.design-Team .btnBox {
    padding: 15px 0 35px;
    clear: both;
    font-size: 16px;
}

.design-Team .btnBox a {
    display: inline-block;
    width: 225px;
    height: 45px;
    line-height: 45px;
    border: solid 1px #888;
    color: #888;
    margin: 0 20px;
}

.design-Team .btnBox a:hover {
    border-color: #ff343f;
    color: #ff343f;
}

/*//////////////*/
/*Data Preloader*/
/*//////////////*/
#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}
#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(../images/status.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 

}
#status p{
	top:60%;
	line-height: 30px;
	margin-bottom: 30px;
	font-size:13px;
	letter-spacing:0px;
	display: block;
	overflow:hidden;
}
#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}

.center-text{	
	display:block; 
	text-align:center;
}



/*工艺材料*/

.taocan_box{}

.taocan_content dl{position:relative;width:370px;float:left;margin-right:45px;margin-top:25px;}

.taocan_content dt{position:absolute;width:340px;height:120px;background:rgba(255,255,255,0.5);top:50%;left:50%;margin-top:-60px;margin-left:-170px;}

.taocan_content dt h1{font-size:30px;text-align:center;margin-top:32px}

.taocan_content dt span{display:block;font-size:14px;text-align:center;}

.taocan_content .taocan_lf{margin-right:0}


/*售后无忧*/
.service {
    background: url(../images/bg1_repeat.gif); margin-top:20px;
}

.service .animate {
    height: 172px;
    position: relative
}

.service .hline {
    height: 3px;
    background: #ffd4d4;
    position: relative;
    top: 50%
}

.service .txt {
    position: absolute;
    top: 82px;
    height: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #969696
}

.service li {
    width: 12.5%;
    float: left;
    position: relative
}

.service .t-1, .service .t-3, .service .t-5, .service .t-7 {
    top: -35px
}

.service .t-2, .service .t-4, .service .t-6, .service .t-8 {
    bottom: -10px
}

.service .point {
    position: absolute;
    width: 100%;
    top: 78px
}

.service .point .circle {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/ico4.png) no-repeat -227px 0;
    margin: 0 auto
}

.service .point .vline {
    width: 2px;
    height: 21px;
    background: #fccaca;
    position: absolute;
    left: 50%;
    margin-left: -1px
}

.service .p-1 .vline, .service .p-3 .vline, .service .p-5 .vline, .service .p-7 .vline {
    top: 18px
}

.service .p-2 .vline, .service .p-4 .vline, .service .p-6 .vline, .service .p-8 .vline {
    bottom: 18px;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center
}

.service .point .ico {
    position: absolute;
    width: 51px;
    height: 51px;
    background: url(../images/ico4.png) no-repeat;
    left: 50%;
    margin-left: -25px
}

.service .p-1 .ico, .service .p-3 .ico, .service .p-5 .ico, .service .p-7 .ico {
    margin-top: 23px
}

.service .p-2 .ico, .service .p-4 .ico, .service .p-6 .ico, .service .p-8 .ico {
    margin-top: -90px
}

.service .p-2 .ico {
    background-position: -56px 0
}

.service .p-3 .ico {
    background-position: -112px 0
}

.service .p-4 .ico {
    background-position: -168px 0
}

.service .p-5 .ico {
    background-position: 0 -56px
}

.service .p-6 .ico {
    background-position: -56px -56px
}

.service .p-7 .ico {
    background-position: -112px -56px
}

.service .p-8 .ico {
    background-position: -168px -56px
}

.service .animate .active .vline {
    animation: vline ease 1s both
}

.service .animate .active .ico {
    animation: ico 1s both
}

.animate .active .p-2 .vline, .service .animate .active .p-2 .ico {
    animation-delay: .2s
}

.animate .active .p-3 .vline, .service .animate .active .p-3 .ico {
    animation-delay: .4s
}

.animate .active .p-4 .vline, .service .animate .active .p-4 .ico {
    animation-delay: .6s
}

.animate .active .p-5 .vline, .service .animate .active .p-5 .ico {
    animation-delay: .8s
}

.animate .active .p-6 .vline, .service .animate .active .p-6 .ico {
    animation-delay: 1s
}

.animate .active .p-7 .vline, .service .animate .active .p-7 .ico {
    animation-delay: 1.2s
}

.animate .active .p-8 .vline, .service .animate .active .p-8 .ico {
    animation-delay: 1.4s
}

/*施工案例*/

.allLike .productshow {
    position: relative;
    overflow: hidden;
}

.allLike .scrollcontainer {
    width: 1200px;
    height:180px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.allLike .scrollcontainer ul {
    width: 20000px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.allLike .scrollcontainer li {
    float: left;
    width: 228px;
    height:180px;
    padding: 0 15px 0 0;
    text-align: center;
    position: relative;
}

.allLike .scrollcontainer .info .shadow {
    height: 36px;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 228px;
}

.allLike .scrollcontainer .info p {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 218px;
    height: 36px;
    line-height: 36px;
    z-index: 1;
}

.allLike .scrollcontainer .info a {
    display: block;
    font-size: 14px;
    color: #fff;
}
/*大家都喜欢的案例*/
.allLike a.abtn {
    position: absolute;
    top:50px;
    display: block;
    height: 87px;
    width: 41px;
    overflow: hidden;
    text-indent: -20000px;
    background: url(../images/ico5.png!c) no-repeat;
}

.allLike a.aleft {
    left: 0;
    background-position: -41px 0;
}

.allLike a.aleft:hover {
    left: 0;
    background-position: -41px -87px;
}

.allLike a.aright {
    right: 0;
}

.allLike a.aright:hover {
    right: 0;
    background-position: 0 -87px;
}

.allLike a.agrayright, a.agrayleft {
    display: none;
}

.allLike .productshow {
    position: relative;
    overflow: hidden;
}

.allLike .scrollcontainer {
    width: 1200px;
    height: 188px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.allLike .scrollcontainer ul {
    width: 20000px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.allLike .scrollcontainer li {
    float: left;
    width: 228px;
    height: 180px;
    padding: 0 15px 0 0;
    text-align: center;
    position: relative;
}

.allLike .scrollcontainer .info .shadow {
    height: 36px;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 228px;
}

.allLike .scrollcontainer .info p {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 218px;
    height: 36px;
    line-height: 36px;
    z-index: 1;
}

.allLike .scrollcontainer .info a {
    display: block;
    font-size: 14px;
    color: #fff;
}

.allLike .link {
    width: 1220px;
    text-align: center;
    margin-top: 70px;
}

.allLike .link li {
    float: left;
    width: 290px;
    height: 210px;
    margin-right: 14px;
    background: #efefef;
}

.allLike .link li a {
    padding-top: 1px;
}

.allLike .link .ico {
    display: block;
    width: 58px;
    height: 58px;
    margin: 33px auto 5px;
    background: url(../images/ico3.png!c) no-repeat;
}

.allLike .link .ico-1 {
    background-position: 0 -127px;
}

.allLike .link .ico-2 {
    background-position: -97px -127px;
}

.allLike .link .ico-3 {
    background-position: -195px -127px;
}

.allLike .link .ico-4 {
    background-position: -290px -127px;
}

.allLike .link .p1 {
    width: 115px;
    border-bottom: dashed 1px #ddd;
    font-size: 24px;
    line-height: 40px;
    margin: 0 auto;
}

.allLike .link .p2 {
    width: 120px;
    margin: 5px auto 0;
    color: #666;
}




/*设计团队*/
.team2 a.abtn {
    position: absolute;
    top: 75px;
    display: block;
    height: 87px;
    width: 41px;
    overflow: hidden;
    text-indent: -20000px;
    background: url(../images/ico5.png) no-repeat;
}

.team2 a.aleft {
    left: 0;
    background-position: -41px 0;
}

.team2 a.aleft:hover {
    left: 0;
    background-position: -41px -87px;
}

.team2 a.aright {
    right: 0;
}

.team2 a.aright:hover {
    right: 0;
    background-position: 0 -87px;
}

.team2 a.agrayright, a.agrayleft {
    display: none;
}

.team2 .productshow {
    position: relative;
    overflow: hidden;
}

.team2 .productshow .scrollcontainer {
    width: 1200px;
    height: 320px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.team2 .productshow .scrollcontainer ul {
    width: 20000px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.team2 .productshow .scrollcontainer li {
    float: left;
    width: 228px;
    height: 320px;
    padding: 0 15px 0 0;
    text-align: center;
}

.team2 .pic {
    width: 228px;
    height: 228px;
    display: block;
}

.team2 .info {
    background: #f6f6f6;
    height: 92px;
}

.team2 .info .p1 {
    width: 200px;
    height: 38px;
    border-bottom: solid 1px #fff;
    line-height: 38px;
    margin: 0 auto;
}

.team2 .info .p1 a {
    color: #333;
}

.team2 .info .p1 a:hover {
    color: #ff343f;
}

.team2 .info .p1 a * {
    vertical-align: middle;
}

.team2 .info .name {
    display: inline-block;
    font-size: 18px;
    max-width: 4em;
    vertical-align: middle;
}

.team2 .info .job {
    position: relative;
    top: 3px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    /*width: 132px;*/
}

.team2 .info .p2 {
    line-height: 27px;
    color: #666;
}

.team2 .info .p3 a {
    float: left;
    width: 50%;
    height: 26px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #828282;
    opacity: .9;
}

.team2 .info .p3 .a2 {
    background: #ff4444;
}

.team2 .info .p3 a:hover {
    opacity: 1;
}

.team2 .btnBox {
    height: 70px;
    background: #f6f6f6;
    text-align: center;
    margin-top: 17px;
    font-size: 14px;
    padding-top: 25px;
}

.team2 .btnBox a {
    display: inline-block;
    width: 222px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border: solid 1px #666;
    margin: 0 10px;
    background: #fff;
}

.team2 .btnBox a:hover {
    border-color: #ff3030;
}

.team2 .menu {
    position: relative;
}

.team2 .menu .bd {
    width: 186px;
    background: #fff;
    border: solid 1px #ddd;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 35px;
    padding: 10px 0;
    z-index: 10;
    text-align: center;
    display: none;
}

.team2 .menu .bd a {
    font-size: 12px;
    display: block;
    color: #333;
}

.team2 .menu .bd a:hover {
    color: #ff343f;
}

.team2 .menu .hd .ico {
    display: inline-block;
    width: 12px;
    height: 7px;
    background: url(../images/ico.png) no-repeat 0 -10px;
    margin-left: 3px;
}

.team2 .menu .hd {
    margin: 0 20px 0 0;
}



.zx-t{ width:1200px; height:50px; margin:0px auto; margin-top:15px; line-height:50px; border-bottom:#444 solid 4px; overflow:hidden;}
.zx-t span{ float:left; font-size:22px; font-weight:bold;}
.zx-t em{ float:right; width:320px; font-size:22px; font-weight:bold;}
.zx-n{ width:1200px; height:auto; margin:0px auto; padding:20px 0px 40px 0px; overflow:hidden;}
.zx-n-l{ float:left; width:850px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-ll{ float:left; width:380px; height:240; margin:0px auto; overflow:hidden;}
/*hd start*/
.zx-n-ll .slidebox{ position:relative; float:left; list-style:none; overflow:hidden;}
.zx-n-ll .slidebox li{ list-style:none; float:left;}
.zx-n-ll .slidebox li a{ position:relative;}
.zx-n-ll .slidebox li a div{ position:absolute; width:100%; height:20px; padding:10px; line-height:20px; color:#FFF; font-size:14px; left:0px; bottom:0px; background:url(../images/b.png);}
.zx-n-ll .slidebar{ position:absolute; right:10px; bottom:12px;}
.zx-n-ll .slidebar span{ float:left; width:12px; height:12px; border-radius:6px; margin-right:5px; background:#EBEBEB;box-shadow: 0px 1px 2px #333 inset; cursor:pointer;}
.zx-n-ll .slidebar span.on{background:#E8645A;box-shadow: 0px 1px 2px #480D0A inset;}
/*hd send*/
.zx-n-lr{ float:right; width:450px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-lr .zhaiyao{ float:left; list-style:none; width:480px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-lr .zhaiyao span{ float:left; width:480px; height:30px; line-height:30px; margin:0px auto; overflow:hidden;}
.zx-n-lr .zhaiyao span a{ font-size:18px;}
.zx-n-lr .zhaiyao em{ float:left; width:480px; height:80px; margin:0px auto; line-height:24px; color:#999999; overflow:hidden;}
.zx-n-lr .zhaiyao em a{ color:#D42538;}
.zx-n-lr .wenzi{ float:left; list-style:none; width:465px; height:34px; margin:0px auto; line-height:34px; padding-left:15px; background:url(../images/a1.jpg) no-repeat center left; overflow:hidden;}
.zx-n-lr .wenzi span{ float:left; width:355px; height:34px; margin:0px auto; overflow:hidden;}
.zx-n-lr .wenzi span a{ font-size:14px;}
.zx-n-lr .wenzi span a:hover{ color:#D42538;}
.zx-n-lr .wenzi em{ float:left; width:80px; height:34px; margin:0px auto; color:#999999; text-align:right; overflow:hidden;}

.zx-n-ln{ width:880px; height:auto; margin:0px auto; padding:20px 0px 0px 0px; overflow:hidden;}
.zx-n-ln li{ float:left; list-style:none; width:430px; height:auto; margin:0px auto; padding:0px 0px 30px 0px; overflow:hidden;}
.zx-n-ln li dt{ float:left; width:140px; height:100px; margin:0px auto; overflow:hidden;}
.zx-n-ln li dd{ float:right; width:280px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-ln li dd span{ float:left; width:280px; height:30px; margin:0px auto; line-height:30px; overflow:hidden;}
.zx-n-ln li dd span a{ font-size:16px;}
.zx-n-ln li dd em{ float:left; width:280px; height:70px; margin:0px auto; line-height:24px; overflow:hidden;}

.zx-n-r{ float:right; width:320px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-r li{ float:left; list-style:none; width:320px; height:auto; margin:0px auto; overflow:hidden;}
.zx-n-r li dt{ float:left; list-style:none; width:320px; height:130px; margin:0px auto; overflow:hidden;}
.zx-n-r li dd{ float:left; list-style:none; width:320px; height:40px; margin:0px auto; line-height:40px; overflow:hidden;}
.zx-n-r li dd span{ float:left; width:250px; overflow:hidden;}
.zx-n-r li dd em{ float:right; width:60px; text-align:right; overflow:hidden;}
.zx-n-r li dd a{ font-size:14px;}
.zx-n-r li dd a:hover{ color:#D42538;}

/*
.link-tabs{border-top:1px solid #eee;background:#f6f6f6;}
.link-tabs .link-wrap{margin:0 auto;width:1200px;}
.link-tabs .link-tab-name{padding-top:20px;height:25px;border-bottom:1px solid #e8e8e8;}
.link-tabs .link-tab-name a{display:inline-block;margin-right:35px;height:25px;color:#333;border-bottom: 1px solid #01af63;}
.link-tabs .link-tab-name a.active{border-bottom:1px solid #01af63;}
.link-items{margin-top:15px;padding-bottom:10px;}
.link-items ul{ min-height:35px;}
.link-items ul li{float:left; padding-right:20px;height:20px;line-height:20px;}
.link-items ul li a{color:#999;line-height:20px;}*/

.link-tabs{border-top:1px solid #2e2e2e;background:#2D2D2D; color:#FFFFFF;}
.link-tabs .link-wrap{margin:0 auto;width:1200px;}
.link-tabs .link-wrap span{ float:left; padding:0 15px; line-height:20px;}
.link-tabs .link-wrap a{padding-right:20px;height:20px;line-height:20px; color:#CCCCCC;}
.link-tabs .link-wrap a:hover{ color:#FFFFFF;}

/*施工保障*/
#index_baozhang{ height:576px; background:url(../images/bzbj.jpg) top center no-repeat; margin-top:30px;}
.index_baozhang{ width:1200px; margin:0 auto;}
.index_baozhang .title{ text-align:center; padding-top:40px;}
.index_baozhang .title h3{ line-height:50px; font-size:24px; color:#FFFFFF; font-weight:normal; background:url(../images/line.png) bottom center no-repeat;}
.index_baozhang .title p{ line-height:30px; color:#CCCCCC;text-transform:uppercase;}
.index_baozhang .text{}
.index_baozhang .text ul{ padding-top:40px;}
.index_baozhang .text ul li { width:23%; float:left; margin:0 1%; height:350px; text-align:center; background:url(../images/tm.png) repeat; color:#CCCCCC;}
.index_baozhang .text ul li .pic{ padding-top:50px; padding-bottom:30px;}
.index_baozhang .text ul li .tit{ line-height:50px; font-size:18px;}
.index_baozhang .text ul li .smtext{ line-height:28px; padding:20px 15% 0; font-size:14px;  }
.index_baozhang .text ul li:hover{ background:#000; color:#FFFFFF;    box-shadow: 0 0 4px 1px #CCC;}

/*设计师*/

.slide-item{ float:left;width: 200px;background: #fff;position: relative;margin-bottom: 30px;}
.slide-item:nth-child(4),
.slide-item:nth-child(8),
.slide-item:nth-child(12),
.slide-item:nth-child(16),
.slide-item:nth-child(20){margin-right: 0px;}
.slide-item .company-anli{width: 200px;height: 200px;overflow:hidden;position: relative;}
.slide-item .company-anli img{width:100%;height:100%;transition: all 0.5s ease;position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.slide-item .company-img{width: 110px;height: 110px; position: relative; background: #fff; border-radius: 50%;overflow:hidden;position: absolute;left:45px;top: 110px;z-index: 1;border:1px solid #ededed;}
.slide-item .company-img img{width:100%;height:auto;position: absolute;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.slide-item .company-info{width:200px;height:45px;background: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);position: absolute;left:0px;top: 180px;transition: all 0.5s ease;}
.slide-item .company-info .company-name{margin-top: 10px;text-align: center;font-size: 18px;color: #333;line-height: 18px;margin-bottom: 10px;}
.slide-item .company-info b{ font-size:12px; font-weight:normal;}
.slide-item .company-info .company-star{text-align: center;font-size: 14px;color: #fb8920;line-height: 14px;margin-bottom:8px;}
.slide-item .company-info .company-ap{width: 220px;height:14px;line-height: 14px;margin: 0 auto;font-size: 14px;}
.slide-item .company-info .company-ap span{float:left;width:90px;height: 12px;color:#999;display: block;text-align: center;}
.slide-item .company-info .company-ap span b{ font-weight:normal;}
.slide-item .company-info .company-sheji{width: 118px;height: 34px;margin:0 auto; margin-top:10px;border: 1px solid #666;text-align: center;line-height: 34px;color: #333;font-size: 16px;}
.slide-item:hover .company-info{box-shadow: 0 0 20px 0 #ccc;}
.slide-item:hover .company-anli img{transform: scale(1.2);}
.slide-item .company-info .company-sheji:hover{background: #D01121;color: #fff;border-color: #ff5353;cursor: pointer;}
.mr_frBtnL
{
	float:left;
	position:absolute;
	margin-left:-25px;
	margin-top:108px;

}

.mr_frUl
{
	float:left;
	width:1200px;
}
.mr_frBtnR
{
	float:right;
	margin-top:108px;
	position:absolute;
	margin-left:4px;
}
.mr_frUl ul
{


}
.mr_frUl ul li
{
	position:relative;
	background-color:#fff;
	overflow:hidden;
	width:200px; margin-right:10px;
}
.listbox
{
	float:left;
	padding:10px;
	_padding:10px 10px 8px 10px;
	background:#f6f6f6;
	height:230px;
	margin:0 10px;
	position:relative;
	border:1px solid #E8E8E8;
}


/*news_add*/
.guide-news {
    background: #464646;

    padding: 10px 0
}

.guide-news .tabTit {
    border-bottom: solid 1px #5d5d5d;
    margin: 0 0 20px
}

.guide-news .tabTit .pull-right a {
    font-size: 14px;
    position: static;
    margin: 0 10px
}

.guide-news .tabTit .tit {
    color: silver;
    border-color: #5d5d5d;
    margin-right: 20px;
    cursor: pointer
}

.guide-news .tabTit .tit.active {
    color: #fff;
    border-color: #fff
}

.guide-news .tabLayer {
    height: 390px
}

.guide-news .tabLayer .pic {
    float: left;
    width: 590px
}

.guide-news .tabLayer .picbox {
    display: block;
    height: 280px
}

.guide-news .tabLayer .pic .info {
    height: 75px;
    background: #2a2a2a;
    color: #fff;
    padding: 10px;
    position: relative
}

.guide-news .tabLayer .pic .info a {
    color: #fff
}

.guide-news .tabLayer .pic .info a:hover {
    color: #ff343f
}

.guide-news .tabLayer .pic .info h3 {
    width: 450px
}

.guide-news .tabLayer .pic .info .date {
    position: absolute;
    right: 10px;
    top: 10px
}

.guide-news .tabLayer .pic .info .con {
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    margin-top: 12px
}

.guide-news .tabLayer .list {
    float: right;
    width: 590px;
    line-height: 24px
}

.guide-news .tabLayer .list li {
    height: 66px;
    overflow: hidden;
    background: #e5e5e5;
    margin-bottom: 18px;
    padding: 14px 10px 0 85px;
    position: relative
}

.guide-news .tabLayer .list .num {
    height: 52px;
    font-size: 24px;
    border-right: solid 1px #c6c6c6;
    float: left;
    margin-left: -85px;
    width: 70px;
    text-align: center;
    line-height: 52px
}

.guide-news .tabLayer .list .date {
    position: absolute;
    right: 20px;
    top: 14px
}

.guide-news .tabLayer .list .strong {
    width: 380px;
    font-size: 14px
}

.guide-news .tabLayer .list .strong a {
    color: #333
}

.guide-news .tabLayer .list .con {
    width: 420px;
    color: #666
}

.guide-news .tabLayer .list li:hover {
    background: #ea424e;
    color: #fff
}

.guide-news .tabLayer .list li:hover a {
    color: #fff
}

.guide-news .tabLayer .list li:hover .num {
    border-color: #bc0001
}
.text-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:14PX;
}



/*底部互动*/
.photo_bottom{position:fixed;bottom:0;left:-100%;z-index:9999999;width:100%;height:160px;min-width:1220px;}
.photo_bg{position:absolute;left:0;z-index:-1;width:100%;height:160px;background:#000;opacity:.8;-webkit-opacity:.8;-moz-opacity:.8;}
.photo_bottom .w1220{position:relative;margin:0 auto 0;width:1220px;height:160px;}
.photo_bottom form ul{float:left;height:160px;background:#1c2837;list-style:none;}
.photo_bottom form ul:hover .photo_btn{background: #FFA00B;}
.photo_bottom form ul li{float:left;margin-top:83px;margin-right:20px;width:240px;height:90px;}
.photo_bottom form input{float:left;display:block;padding:11px 0;width:230px;height:16px;outline:0;border:none;color:#666;text-indent:10px;font-size:14px;line-height:16px;}
.photo_bottom form label {float: left;height: 38px;color: #A9A9A9;font-size: 14px;line-height: 34px;background-color: #fff;padding-right: 8px;font-weight: 600;}
.photo_bottom form .photo_btn_on{width:140px;}
.photo_bottom form input.photo_btn{background:#D42538;color:#fff;text-indent:0;font-size:18px;cursor:pointer;}
.photo_bottom form input.photo_btn:hover{background:#00AF62;}
.photo_cosle{position:absolute;top:20px;right:20px;display:block;width:20px;height:20px;background:url('../images/photopic_colse.png');cursor:pointer;}
.new_version{float:left;display:block;width:660px;height:180px;margin-top:-20px;}
.photo_bottom02 form ul li{float:none;margin-top:0;margin-bottom:5px;margin-left:20px;width:320px;height:40px;}
.photo_bottom02 form ul li.marbott_0{margin-bottom:0;}
.photo_bottom02 form ul li.marbott_0 select.ys{float:left; margin-right:8px;width: 111px;height: 38px;border: none;color: #A9A9A9;font-size: 14px;}
.photo_bottom02 form ul li.marbott_0 input.mj{float:left; width:75px;}
.photo_bottom02 form ul li.err-tel-tip{margin-left:20px!important;}
.photo_bottom02 form ul li.title_ti{margin:15px 20px;height:auto;color:#fff;font-size:16px;}
.photo_bottom02 form ul li input.name {width:131px;}
.photo_bottom02 form ul li input.intel {float:left; margin-left:8px;width:181px;}
.photo_bottom02 form ul li input {}
.photo_bottom02 form input.photo_btn{margin-left:8px;width:95px;height:38px;font-size:16px;}
.photo_bottom .renma{float:left;margin-left:30px;padding-top:10px;color:#fff;font-size:14px;line-height:30px;}
.photo_bottom_kai{position:fixed;bottom:4px;left:-160px;z-index:9999;width:160px;height:134px;background:url('../images/photo_bottom_07b.png') center top no-repeat;cursor:pointer;}


/*新闻资讯*/

#index-news {
    background: #ededed url(../images/index-news-bg.png) no-repeat center bottom;
}
.pb-60 {
    padding-bottom:20px;
}
.com-title {
    padding-top:45px;
    padding-bottom:30px;
    text-align: center;
}
.com-title .tit-cn {
    margin-bottom: 15px;
    font-size:32px;
    color: #000;
    line-height: 1;
    font-weight: bold;
}
.c-333 {
    color: #333;
}
.fw-bold {
    font-weight: bold;
}

.com-title .tit-des {
    /* font-size: 20px; */
    color: #6c6c6c;
}
.c-333 {
    color: #333;
}
.fs-18 {
    font-size: 18px;
}
.com-width {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.index-case-cate {
	margin-bottom: 30px;
}
.index-case-cate li {
	float: left;
	margin-right: 12px;
	width: 110px !important;
	line-height: 45px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	cursor: pointer;
	font-size: 16px;
	color: #333;
	background: #fff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
@media (max-width: 1500px) {
	.index-case-cate li {
		width: 100px !important; 
	}
}
.index-case-cate li.slick-current {
	border-color: #b42e32;
	background: #b42e32;
	color: #fff !important;
}
.index-case-cate li:hover {
	color: #b42e32;
}
/* Slider插件默认样式 */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {    /*display: none;*/
float: left; height: 100%; min-height: 1px; }
.slick-slide:focus { outline: none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;    /*border: 1px solid transparent;*/ }
.slick-arrow.slick-hidden { display: none; }
.com-btn-140.white {
    background: transparent;
    border: 1px solid #898989;
    color: #333 !important;
}
.com-btn-140 {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 140px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
    background: #b42e32;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.fr {
    float: right;
}

.com-btn-140.white:hover {
    color: #fff !important;
    background: #b42e32;
    border-color: #b42e32;
}
.slick-track{margin:0 auto;}

/*footer 底部信息*/
#footer{ background:#222324;}
.footer{ width:1200px; margin:0 auto;}
.footer .text{ padding:15px 0px 25px;}
.footer dl{ width:115px; float:left; border-right:solid 1px #464646;}
.footer dl dt{ line-height:40px; color:#FFFFFF; font-size:14px; text-align:center;}
.footer dl dd{text-align:center;}
.footer dl dd ul{}
.footer dl dd ul li{ line-height:25px;}
.footer dl dd ul li a{ color:#afb0b4;}
.footer dl dd ul li a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer .ewm{ width:200px; float:left; text-align:center; padding-top:30px;}
.footer .ewm img{ width:125px;}
.footer .ewm p{ text-align:center; line-height:30px; font-size:12px; color:#FFFFFF; padding-top:10px;}
.footer .contact{ width:185px; float:left; padding-top:30px;}
.footer .contact .tel {
    color: #bcbcbc;
    font-size: 24px;
}
.footer .contact .work-time {
    font-size: 12px;
    color: #a6a9a8;
    text-align: center;
	margin-top:15px;
}

.footer .contact .lx{ width:80%; margin:10px auto; background:#D42538; line-height:30px; text-align:center; margin-top:18px;}
.footer .contact .lx a{ color:#F9F9F9; display:block;}
.footer .contact .lx a:hover{ background:#FF500B; color:#FFFFFF;}

.copyaright{ background:#2D2D2D; text-align:center; padding:5px 0; line-height:24px; font-size:10px; color:#CCCCCC;}


/*inner*/
#inner_banner{ height:211px;}

#iwrap {
    background: #F2F2F4;
    padding: 10px 0 20px;
}
.iwrap {
    width: 1200px;
    margin: 0 auto;
}

/*位置导航*/
.snav
{
	height:40px;
	line-height:40px;
	background-color:#f1f0f0;
	padding-left:35px;
	background:url(../images/snav.png) 10px center no-repeat #E8E8E8;
	margin:20px 0;
	border-radius:5px;
	font-size:14px;
}
.snav a{ color:#333333;}
.snav a:hover{ color:#0075AA;}
.snav a:last-child{ color:#00AFC4;}


.inner_left{ width:240px; float:left; border-radius: 3px;}
.inner_left .left_title {
    line-height: 42px;
    font-size: 16px;
    color: #333;
    border-top: solid 2px #00AFC4;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    font-weight: bold;
    padding-left: 20px;
    background: url(../images/xia.png) 240px center  no-repeat  #f8f8f8;
}
.inner_left .left-line{border: 1px solid #e1e1e1;padding: 0 20px;padding-top: 10px;padding-bottom: 10px; background:#FFFFFF; margin-bottom:20px;}
.inner_left .text{ padding:10px 20px; line-height:30px; font-size:14px; background:#FFFFFF;}
.inner_left .sar{ background:#FFFFFF; margin-bottom:20px;}
.inner_left .sar h3 {
    font-size: 15px;
    font-weight: bold;
	line-height:50px;
    padding-left: 15px;
	border-bottom:2px dotted #E8E8E8;
}
.inner_left .sar ul{ border:1px solid #e1e1e1; background:#FFF; padding-bottom:2px;}
.inner_left .sar ul li{ line-height:45px; font-size:14px; margin-top:2px;}
.inner_left .sar ul li .on{color:#12244C; padding-left:25px; border-left:2px solid #F93E4A; background:#F9F9F9;padding-left:30px;}
.inner_left .sar ul li a{ color:#555;  padding-left:23px; display:block; transition: padding-left ease .3s;
    -webkit-transition: padding-left ease .3s}
.inner_left .sar ul li a:hover{ color:#041741; padding-left:30px; border-left:2px solid #F93E4A; background:#F9F9F9;}


.inner_right{ width:920px; float:right;  background:#FFFFFF;}
.inner_right .text{ padding:20px; line-height:32px; font-size:15px; color:#333;}
.inner_right .text img{ max-width:100%; height:auto;}
.inner_right .text .t1{ font-size:24px; font-weight:700; color:#333333; line-height:70px; border-bottom:1px solid #F2F2F2; margin-bottom:20px;}
.inner_right .text .title_s {
    font-size: 16px;
    height: 40px;
    background:#F2F2F4;
    line-height: 40px;
	margin:20px 0;
	padding-left:20px;
    border-left: 2px solid #0261fe;
}

.table{margin:1em auto 0 auto; border-collapse:collapse; cellspacing:0; cellpadding:0; text-align:center; width:100%; clear:both;}
.table tr:first-child{font-size:14px;background:#f8f8f8;}
.table td{padding:10px; text-align:center; border:1px solid #E8E8E8;}



/*表单样式*/
.upfile { font-family:"微软雅黑";  height: 32px; line-height: 32px; border-radius: 5px;border: 1px solid #ccc; padding-left: 10px; margin:5px 0;}
.btn{width: 200px; height: 36px;background: #00AFC4; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 35px; border:0; font-family:"微软雅黑"; margin:10px auto; cursor:pointer;}
.btn:hover{background:#f60;}



/*图集*/
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top; width:90; height:69px;}

#DB_gallery .DB_imgSet {position:relative;width:600px;height:400px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%; text-align:center; background:none; border:1px solid #F0F0F0;}
#DB_gallery .DB_imgSet .DB_imgWin img{ height:400px; max-width:600px;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:600px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:90px;height:69px;border:2px solid #C92027;left:0;top:0}


.pro_img{ height:500px;}
.pro_img_left{ float:left; width:610px;}
.pro_img_right{ float:right; width:160px; padding-top:40px;}
.pro_img_right .ptitle{ line-height:50px; text-align:center; font-size:15px; font-weight:bold;}
.pro_img_right .gx{ line-height:30px;}
.pro_img_right .share{ height:40kpx;}



/*news*/

.newslist{ padding:0 10px 20px;}
.item {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #F5F5F6;
}
.news_title{ line-height:30px; font-size:16px;}
.news_title a{ color:#000; font-weight:bold;}
.news_title a:hover{ color:#00AFC7;}
.news_text{ line-height:28px; color:#676767; padding:5px 0; text-indent:2em;}
.news_button{ height:28px;}
.news_button .time{ background:url(../images/time.png) left center no-repeat; line-height:25px; padding:0 30px 0 20px; font-size:12px; color:#676767; float:left;}
.news_button .view{ background:url(../images/view.png) left center no-repeat; line-height:25px; padding:0 30px 0 25px;  font-size:12px; color:#676767; float:left;}
.news_button .sbar{ background:url(../images/sbar.png) left center no-repeat; line-height:25px; padding:0 30px 0 25px;  font-size:12px; color:#676767; float:left;}
.pagelist{ line-height:30px; margin:20px 0; text-align:right; padding-right:20px;}
.pagelist a{ color:#333333;}
.pagelist a:hover{ color:#D42538;}


/*porducts*/
.iproducts{}
.iproducts ul{}
.iproducts ul li{ width:280px; height:220px; float:left; margin:15px 13px; display:inline; overflow:hidden;}
.iproducts ul li img{width:280px; height:220px;transition: all 0.5s ease;}
.iproducts ul li img:hover{    transform: scale(1.2);
    -webkit-transform: scale(1.2);}
.iproducts ul li dt{position: absolute;
text-align:center;
width:280px;
	margin-top:-40px;
    height: 40px;
    line-height: 40px;
	background:url(../images/dtbj.png) repeat;}
.iproducts ul li dt a{ color:#FFFFFF;}



/*///////////////////*/
/*Typograhpy Features*/
/*///////////////////*/

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:40px;
	bottom:-100px;
	_bottom:auto;
	width:36px;
	height:80px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -80px;
}
/* 回到顶部 */